<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="#" method="get">
			<p>
				<!--邮箱-->
				邮箱：<input type="email"/>
			</p>
			<p>
				年龄：<input type="number"/>
			</p>
			<p>
				滑动器：<input type="range"/>
			</p>
			<p>
				搜索：<input type="search" />
			</p>
			<p>
				日期：<input type="date"  />
			</p>
			<p>
				日期第几周：<input type="week" />
			</p>
			
			<p>
				第几个月：<input type="month" />
			</p>
			<p>
				电话：<input type="tel" />
			</p>
			<p>
				颜色：<input type="color"/>
			</p>
			<p>
				网址：<input type="url" />
			</p>
			<p>
				<input type="submit"  value="提交"/>
				<input type="reset" value="清空" />
			</p>
		</form>
		<hr />
		<!--
			placeholder 提供默认值   不要写value，会被覆盖
			autofocus	自动的获得焦点
			max 最大值   min 最小值
			maxlength 最大长度   minlength  最小长度
		-->
		<form action="" method="post">
			<p>
				账号：<input type="text" name="zh" id=""  placeholder="手机号/邮箱/账号" autofocus="autofocus"/>
			</p>
			<p>
				密码：<input type="password" maxlength="8" minlength="4"/>
			</p>
			<p>
				年龄：<input type="number" max="150" min="0"/>
			</p>
			<p>
				<input type="submit" value="提交"/>
			</p>
		</form>
	</body>
</html>
